﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>TwoDC Visualizer</title>
</head>
<body>
<twodc-ui-frame>
    <twodc-ui-container>
        <twodc-ui-panel>
            <twodc-view>
                <two-dc-layout id="layoutOne" source="default" twodc-zoom-toggle="true" twodc-mouse-control-toggle="true"
                               twodc-scene-pannable-toggle="true" twodc-layout-control-toggle="true" twodc-birdview-toggle="true" twodc-birdController-fill-color="blue"
                               twodc-birdController-fill-opacity="0.2" twodc-search-on="true" twodc-reset-on="true" twodc-print-on="true" twodc-pan-left-key="37, 65"
                               twodc-pan-right-key="39, 68" twodc-pan-up-key="38, 87" twodc-pan-down-key="40, 83" >
                </two-dc-layout>                
            </twodc-view>
        </twodc-ui-panel>
    </twodc-ui-container>
</twodc-ui-frame>
</body>
<style>
</style>
<script src="./twodcVisualizer.js"></script>
<script src="./data.js"></script>
<script>    
    twodcVisualizer.init();
    twodcVisualizer.load();
    const layoutOne = document.getElementById("layoutOne");
    layoutOne.setDataString(data);
</script>

</html>